@borderColor: #eee;

.moduleCommandEditor {
    position: relative;
    border: 1px solid #ddd;
    .toolBar {
        position: relative;
        padding: .1rem .1rem 0;
        button {
            border: 1px solid @borderColor;
            padding: .1rem;    
            margin-right: .1rem;
            margin-bottom: .1rem;
            border-radius: .04rem;
            outline: none;
            background: none;
            text-align: center;
            cursor: pointer;
            i {
                font-size: .36rem;
            }
        }
    }
    .divider {
        height: 0;
        border-bottom: 1px solid @borderColor;
    }
    .linkInput {
        display: flex;
        align-items: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: .1rem;
        border: 1px solid @borderColor;
        background: rgba(255, 255, 255, 0.95);
        .left {
            .item {
                margin: .1rem;
                label {
                    margin-right: .1rem;
                }
                input {
                    box-sizing: border-box;
                    width: 4rem;
                    height: .4rem;
                    padding: .1rem;
                }
            }
        }
        button {
            box-sizing: border-box;
            margin-left: .1rem;
            background: transparent;
            border: none;
            cursor: pointer;
            font-size: .36rem;
        }
    }
    .fontSelect {
        position: absolute;
        // left: 50%;
        // top: 50%;
        // transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.95);
        padding: .1rem;
        border: 1px solid @borderColor;
        background: rgba(255, 255, 255, 0.95);
        button {
            display: block;
            width: 100%;
            border: 1px solid @borderColor;
            padding: .05rem .1rem;    
            margin-right: .1rem;
            margin-bottom: .1rem;
            border-radius: .04rem;
            outline: none;
            background: none;
            text-align: center;
            cursor: pointer;
            white-space: nowrap;
            &:last-child {
                margin-bottom: 0;
            }   
            i {
                font-size: .2rem;
            }
        }
    }
    .content {
        min-height: 5rem;
        padding: .1rem;
    }
    .hidden {
        display: none;
    }
}
